<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page isELIgnored="false"%>
<%@ taglib uri="/WEB-INF/pages/common/fns.tld" prefix="fns"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta charset="utf-8" />
<%@ include file="/WEB-INF/pages/common/inc.jsp"%>
<link rel="stylesheet" href="${ctxStatic}/css/bootstrap.css" />
<link rel="stylesheet" href="${ctxStatic}/css/bootstrap-theme.css" />
<link rel="stylesheet" href="${ctxStatic}/css/swiper-3.3.1.min.css" />
<script type="text/javascript" src="${ctxStatic}/js/jquery.min.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/bootstrap.js"></script>
<script type="text/javascript" src="${ctxStatic}/js/swiper-3.3.1.min.js"></script>
<link rel="stylesheet" href="${ctxStatic}/css/style.css" />
<title></title>
<style>
#newslist .list-imgages {
	width: 200px;
	height: 100px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 20px;
}

#newslist .list-group-item {
	height: auto;
	overflow: hidden;
	border-top: 1px dashed #ccc;
}

#newslist .list-group-item label {
	font-size: 16px;
	text-indent: 25px;
	letter-spacing: 2px;
}

#newslist .list-group-item .list-info {
	font-size: 14px;
	color: #ccc;
	text-indent: 2em;
	line-height: 25px;
}
</style>
</head>

<body>
	<iframe src="${ctx}/header.jsp" frameborder="0" scrolling="no" height="280px"></iframe>
	<div class="w_1000" style="margin: 0 auto;">
		<ul id="myTab" class="nav nav-pills">
			<li class="active"><a href="#home" data-toggle="tab">热门</a></li>
			<li><a href="#ios" data-toggle="tab">热销</a></li>
			<li><a href="#ios" data-toggle="tab">推荐</a></li>
			<li id="sola">
				<div class="input-group">
					<span class="input-group-addon"><span
						class="glyphicon glyphicon-search" aria-hidden="true"></span></span> <input
						type="text" class="form-control" />
				</div>
				<button type="button" class="btn btn-primary">搜索</button>
			</li>
		</ul>
		<div id="myTabContent" class="tab-content">
			<div class="tab-pane fade in active" id="home">
				<div class="row line">
					<div class="col-xs-1 col-md-1 text-center">
						<strong style="line-height: 40px;">类型1</strong>
					</div>
					<div class="col-xs-11 col-md-11">
						<table class="table">
							<tr>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="row line">
					<div class="col-xs-1 col-md-1 text-center">
						<strong style="line-height: 40px;">类型2</strong>
					</div>
					<div class="col-xs-11 col-md-11">
						<table class="table">
							<tr>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="row line">
					<div class="col-xs-1 col-md-1 text-center">
						<strong style="line-height: 40px;">类型3</strong>
					</div>
					<div class="col-xs-11 col-md-11">
						<table class="table">
							<tr>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
								<td>测试1</td>
							</tr>
						</table>
					</div>
				</div>
				<div class="row">
					<div class="col-xs-1 col-md-1 text-center">
						<strong style="line-height: 79px;">类型1</strong>
					</div>
					<div class="col-xs-11 col-md-11">
						<table class="table">
							<tr class="text-center">
								<td><img src="${ctxStatic}/img/79x79.png"><small>发动机类型</small></td>
								<td><img src="${ctxStatic}/img/79x79.png"><small>发动机类型</small></td>
								<td><img src="${ctxStatic}/img/79x79.png"><small>发动机类型</small></td>
								<td><img src="${ctxStatic}/img/79x79.png"><small>发动机类型</small></td>
								<td><img src="${ctxStatic}/img/79x79.png"><small>发动机类型</small></td>
								<td><img src="${ctxStatic}/img/79x79.png"><small>发动机类型</small></td>
								<td><img src="${ctxStatic}/img/79x79.png"><small>发动机类型</small></td>
								<td><img src="${ctxStatic}/img/79x79.png"><small>发动机类型</small></td>
								<td><img src="${ctxStatic}/img/79x79.png"><small>发动机类型</small></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
			<div class="tab-pane fade" id="ios">
				<p>iOS is a mobile operating system developed and distributed by
					Apple Inc. Originally released in 2007 for the iPhone, iPod Touch,
					and Apple TV. iOS is derived from OS X, with which it shares the
					Darwin foundation. iOS is Apple's mobile version of the OS X
					operating system used on Apple computers.</p>
			</div>
			<div class="tab-pane fade" id="jmeter">
				<p>jMeter is an Open Source testing software. It is 100% pure
					Java application for load and performance testing.</p>
			</div>
		</div>
	</div>
	<section class="container-fluid w_1000">
	<div class="container-fluid border_line" id="news">
		<div class="row">
			<div class="col-xs-5 col-md-4">
				<div id="myCarousel" class="carousel slide">
					<!-- 轮播（Carousel）指标 -->
					<ol class="carousel-indicators">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
						<li data-target="#myCarousel" data-slide-to="2"></li>
					</ol>
					<!-- 轮播（Carousel）项目 -->
					<div class="carousel-inner">
						<div class="item active">
							<img src="img/357x200.png" alt="First slide">
							<div class="carousel-caption">标题 1</div>
						</div>
						<div class="item">
							<img src="img/357x200.png" alt="Second slide">
							<div class="carousel-caption">标题 2</div>
						</div>
					</div>
					<!-- 轮播（Carousel）导航 -->
					<a class="carousel-control left" href="#myCarousel"
						data-slide="prev">&lsaquo;</a> <a class="carousel-control right"
						href="#myCarousel" data-slide="next">&rsaquo;</a>
				</div>
				<ul class="list-group">
					<li class="list-group-item"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻标..</li>
					<li class="list-group-item red"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻很..</li>
					<li class="list-group-item red"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻..</li>
					<li class="list-group-item red"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻..</li>
					<li class="list-group-item"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻..</li>
				</ul>
			</div>
			<div class="col-xs-5 col-md-5">
				<h3 class="w_100 text-center red none title"
					style="font-size: 24px;">这是一条行业新闻的大标题</h3>
				<ul class="list-group">
					<li class="list-group-item"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻标题这是...</li>
					<li class="list-group-item red"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻标题这是很长...</li>
					<li class="list-group-item"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻这是很长...</li>
					<li class="list-group-item red"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻标是很长...</li>
					<li class="list-group-item"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻标题很长...</li>
					<li class="list-group-item"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻标题这是很长...</li>
					<li class="list-group-item"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻标题这是很长</li>
					<li class="list-group-item"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻标题这是很长</li>
					<li class="list-group-item"><span class="badge">2016-05-25</span>
						<label>[行业]</label>这是一条测试的新闻标题这是很长</li>
				</ul>
			</div>
			<div class="col-xs-2 col-md-3">
				<ul id="allTab" class="nav nav-pills">
					<li class="tab-pane fade in active"><a href="#all1"
						data-toggle="tab">推荐品牌</a></li>
					<li><a href="#all2" data-toggle="tab">热销品牌</a></li>
				</ul>
				<div id="myallContent" class="tab-content">
					<div class="tab-pane fade in active" id="all1">
						<table class="table">
							<tr>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>
							<tr>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>
							<tr>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>
							<tr>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>
							<tr>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>
							<tr>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>
						</table>
					</div>
					<div class="tab-pane fade" id="all2">
						<table class="table">
							<tr>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>             
							<tr>             
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>            
							<tr>             
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>             
							<tr>             
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>           
							<tr>             
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>            
							<tr>             
								<td><img src="${ctxStatic}/img/90x42.png"></td>
								<td><img src="${ctxStatic}/img/90x42.png"></td>
							</tr>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="container w_1000 border_line tip">
		<label class="title">发动机视频</label> <span
			class="glyphicon glyphicon-volume-up red" aria-hidden="true"></span>
		<label>热门视频</label> <label>shs584视频测试</label> <label>shs584视频测试</label>
		<label>shs584视频测试</label> <label>shs584视频测试</label>
		<div class="swiper-container w100">
			<div class="swiper-wrapper">
				<div class="swiper-slide text-center">
					<img src="img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="${ctxStatic}/img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="${ctxStatic}/img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="${ctxStatic}/img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="${ctxStatic}/img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="${ctxStatic}/img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="${ctxStatic}/img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="${ctxStatic}/img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="${ctxStatic}/img/150x80.png">标题内容
				</div>
				<div class="swiper-slide text-center">
					<img src="${ctxStatic}/img/150x80.png">标题内容
				</div>
			</div>
			<!-- Add Pagination -->
			<div class="swiper-pagination"></div>
		</div>
		<table class="table" id="video_list">
			<tr>
				<td rowspan="3" width="530" height="360"><img
					src="img/530x360.png"></td>
				<td width="280" height="120"><img src="${ctxStatic}/img/280x190.png" /></td>
				<td width="280" height="120"><img src="${ctxStatic}/img/280x190.png" /></td>
			</tr>
			<tr>
				<td width="280" height="120"><img src="${ctxStatic}/img/280x190.png" /></td>
				<td width="280" height="120"><img src="${ctxStatic}/img/280x190.png" /></td>
			</tr>
			<tr>
				<td width="280" height="120"><img src="${ctxStatic}/img/280x190.png"></td>
				<td class="text-center more">更多</td>
			</tr>
		</table>
		<div class="container w_1000 border_line tip">
			<label class="title">展会信息</label>
			<div class="swiper-container w100">
				<div class="swiper-wrapper">
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
			<div class="swiper-container w100">
				<div class="swiper-wrapper">
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
					<div class="swiper-slide text-center">
						<img src="${ctxStatic}/img/150x80.png">标题内容
					</div>
				</div>
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="container w_1000 border_line tip">
			<label class="title">发动机之家排行</label>
			<div class="row">
				<div class="col-xs-6 col-md-4">
					<table class="w_100">
						<tr>
							<td>
								<h4>发动机排行</h4>
							</td>
							<td class="text-right"><a>更多</a></td>
						</tr>
					</table>
					<ul class="list-group">
						<li class="list-group-item"><span class="badge">300万</span><label
							c>1.</label>Cras justo odio</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>2.</label>CrasDapibus
							ac facilisis in</li>
						<li class="list-group-item"><span class="badge">300万</span><label>3.</label>CrasMorbi
							leo risus</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>4.</label>CrasPorta
							ac consectetur ac</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>5.</label>CrasVestibulum
							at eros</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>6.</label>CrasCras
							justo odio</li>
						<li class="list-group-item"><span class="badge">300万</span><label>7.</label>CrasDapibus
							ac facilisis in</li>
						<li class="list-group-item"><span class="badge">300万</span><label>8.</label>CrasMorbi
							leo risus</li>
						<li class="list-group-item"><span class="badge">300万</span><label>9.</label>CrasPorta
							ac consectetur ac</li>
						<li class="list-group-item"><span class="badge">300万</span><label>10.</label>CrasVestibulum
							at eros</li>
					</ul>
				</div>
				<div class="col-xs-6 col-md-4">
					<table class="w_100">
						<tr>
							<td>
								<h4>新闻排行</h4>
							</td>
							<td class="text-right"><a>更多</a></td>
						</tr>
					</table>
					<ul class="list-group">
						<li class="list-group-item"><span class="badge">300万</span><label
							c>1.</label>Cras justo odio</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>2.</label>CrasDapibus
							ac facilisis in</li>
						<li class="list-group-item"><span class="badge">300万</span><label>3.</label>CrasMorbi
							leo risus</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>4.</label>CrasPorta
							ac consectetur ac</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>5.</label>CrasVestibulum
							at eros</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>6.</label>CrasCras
							justo odio</li>
						<li class="list-group-item"><span class="badge">300万</span><label>7.</label>CrasDapibus
							ac facilisis in</li>
						<li class="list-group-item"><span class="badge">300万</span><label>8.</label>CrasMorbi
							leo risus</li>
						<li class="list-group-item"><span class="badge">300万</span><label>9.</label>CrasPorta
							ac consectetur ac</li>
						<li class="list-group-item"><span class="badge">300万</span><label>10.</label>CrasVestibulum
							at eros</li>
					</ul>
				</div>
				<div class="col-xs-6 col-md-4">
					<table class="w_100">
						<tr>
							<td>
								<h4>视频排行</h4>
							</td>
							<td class="text-right"><a>更多</a></td>
						</tr>
					</table>
					<ul class="list-group">
						<li class="list-group-item"><span class="badge">300万</span><label
							c>1.</label>Cras justo odio</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>2.</label>CrasDapibus
							ac facilisis in</li>
						<li class="list-group-item"><span class="badge">300万</span><label>3.</label>CrasMorbi
							leo risus</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>4.</label>CrasPorta
							ac consectetur ac</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>5.</label>CrasVestibulum
							at eros</li>
						<li class="list-group-item"><span class="badge red">300万</span><label>6.</label>CrasCras
							justo odio</li>
						<li class="list-group-item"><span class="badge">300万</span><label>7.</label>CrasDapibus
							ac facilisis in</li>
						<li class="list-group-item"><span class="badge">300万</span><label>8.</label>CrasMorbi
							leo risus</li>
						<li class="list-group-item"><span class="badge">300万</span><label>9.</label>CrasPorta
							ac consectetur ac</li>
						<li class="list-group-item"><span class="badge">300万</span><label>10.</label>CrasVestibulum
							at eros</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="container w_1000 border_line tip">
			<label class="title">行业快讯</label>
			<ul class="list-group" id="newslist">
				<li class="list-group-item"><span class="badge">2016-05-25</span>
					<div class="list-imgages">
						<img src="img/210x100.png">
					</div> <label>[行业]</label><span>这是一条测试的新闻标题这是很长</span>
					<div class="list-info">这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴
						这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴。。。。。</div></li>
				<li class="list-group-item"><span class="badge">2016-05-25</span>
					<div class="list-imgages">
						<img src="img/210x100.png">
					</div> <label>[行业]</label><span>这是一条测试的新闻标题这是很长</span>
					<div class="list-info">这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴
						这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴。。。。。</div></li>
				<li class="list-group-item"><span class="badge">2016-05-25</span>
					<div class="list-imgages">
						<img src="img/210x100.png">
					</div> <label>[行业]</label><span>这是一条测试的新闻标题这是很长</span>
					<div class="list-info">这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴
						这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴。。。。。</div></li>
				<li class="list-group-item"><span class="badge">2016-05-25</span>
					<div class="list-imgages">
						<img src="img/210x100.png">
					</div> <label>[行业]</label><span>这是一条测试的新闻标题这是很长</span>
					<div class="list-info">这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴
						这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴。。。。。</div></li>
				<li class="list-group-item"><span class="badge">2016-05-25</span>
					<div class="list-imgages">
						<img src="img/210x100.png">
					</div> <label>[行业]</label><span>这是一条测试的新闻标题这是很长</span>
					<div class="list-info">这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴
						这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴。。。。。</div></li>
				<li class="list-group-item"><span class="badge">2016-05-25</span>
					<div class="list-imgages">
						<img src="img/210x100.png">
					</div> <label>[行业]</label><span>这是一条测试的新闻标题这是很长</span>
					<div class="list-info">这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴
						这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴。。。。。</div></li>
				<li class="list-group-item"><span class="badge">2016-05-25</span>
					<div class="list-imgages">
						<img src="img/210x100.png">
					</div> <label>[行业]</label><span>这是一条测试的新闻标题这是很长</span>
					<div class="list-info">这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴
						这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴。。。。。</div></li>
				<li class="list-group-item"><span class="badge">2016-05-25</span>
					<div class="list-imgages">
						<img src="img/210x100.png">
					</div> <label>[行业]</label><span>这是一条测试的新闻标题这是很长</span>
					<div class="list-info">这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴
						这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴。。。。。</div></li>
				<li class="list-group-item"><span class="badge">2016-05-25</span>
					<div class="list-imgages">
						<img src="img/210x100.png">
					</div> <label>[行业]</label><span>这是一条测试的新闻标题这是很长</span>
					<div class="list-info">这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴
						这是文章的借鉴这是文章的借鉴这是文章的借鉴这是文章的借鉴。。。。。</div></li>
			</ul>
		</div>
		<div class="container w_1000 border_line tip">
			<label class="title">友情链接</label>
			<table class="table">
				<tr>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
				</tr>
				<tr>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
					<td><img src="img/150x80.png"></td>
				</tr>
			</table>
		</div>
	</section>
	<iframe src="${ctx}/footer.jsp" frameborder="0" scrolling="no" height="220"></iframe>
</body>
<script>
	$(function() {
		$('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
			// 获取已激活选项卡的名称
			var activeTab = $(e.target).text();
			// 获取先前选项卡的名称
			var previousTab = $(e.relatedTarget).text();
			$(".active-tab span").html(activeTab);
			$(".previous-tab span").html(previousTab);
		});
		var swiper = new Swiper('.swiper-container', {
			pagination : '.swiper-pagination',
			slidesPerView : 6,
			paginationClickable : true,
			spaceBetween : 30
		});
	})
</script>
</shtml>